.app-sportsMap {
  width: 100%;
  height: 100%;
  .map {
    width: 100%;
    height: 100%;
    padding: 20px 20px 40px;
    background: #ccc;
    .iconBtn{
        i {
            width: 40px;
            height: 40px;
            background: #fff;
            text-align: center;
            line-height: 40px;
            font-size: 28px;
            border-radius: 50%;
            border: 1px solid #ccc;
          }
          span{
            display: inline-block;
            width: 60px;
            line-height: 30px;
            border-radius: 15px;
            background: #fff;
            font-size: 16px;
            border: 1px solid rgba(0,0,0,.4);
            text-align: center;
          }
          .active{
              display: none;
          }
    }
    .cont {
      i {
        padding: 5px;
        background: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 28px;
        border-radius: 50%;
        border: 1px solid #ccc;
      }
      .pro{
          margin-top: 15px;
          width: 100%;
        //   height: 120px;
          background: #fff;
          box-shadow: 0 0 6px 0 rgba(0,0,0,.4);
          border-radius: 10px;
          padding: 10px;
          h4{
              line-height: 30px;
              border-bottom: 1px solid #ccc;
              color: #4d9aff;
          }
          div{
              padding: 10px 20px;
              p{
                  text-align: center;
                  span{
                      line-height: 25px;
                      font-size: 12px;
                  }
                  span:last-child{
                      font-size: 24px;
                  }
              }
          }
      }
    }
  }
}
